@layout("/common/_container.html",{js:["/assets/hx/storage/hxStorageStock/hxStorageStock.js"]}){

<div class="layui-body-header">
    <span class="layui-body-header-title">Inventory Management</span>
</div>

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
            <div class="layui-card">
                <div class="layui-card-body">
                    <div class="layui-form toolbar">
                        <div class="layui-form-item">
                            <!-- <div class="layui-inline">
                                <input id="printQuantity" class="layui-input" type="text" placeholder="打印份数"/>
                            </div>
                            <div class="layui-inline">
                                <button id="btnPrint" class="layui-btn layui-btn-normal"><i class="layui-icon layui-icon-print"></i>打印标签</button>
                            </div> -->
                            <div class="layui-inline">
                                <select id="queryMode" lay-filter="queryMode">
                                    <option value="mx">Detailed</option>
                                    <option value="hz">Summary</option>
                                    <option value="kw">Location</option>
                                </select>
                            </div>
                            <div class="layui-inline">
                                <select id="stockState">
                                    <option value="">Select Status</option>
                                    <option value="Normal">Normal</option>
                                    <option value="Collection">Collection</option>
                                    <option value="Pending Return">Pending Return</option>
                                </select>
                            </div>
                            <div class="layui-inline">
                                <select id="stockUnit" lay-filter="stockUnit">
                                    <option value="kc">Stock Unit</option>
                                    <option value="ps">Delivery Unit</option>
                                    <option value="cg">Purchase Unit</option>
                                    <option value="pf">Wholesale Unit</option>
                                </select>
                            </div>

                            <div class="layui-inline">
                                <select id="customerId">
                                    <option value="">Select Customer</option>
                                    @for(item in customerlist!){
                                    <option value="${item.id}">${item.customerName}</option>
                                    @}
                                </select>
                            </div>
                            <div class="layui-inline">
                                <select id="warehouseId" lay-filter="warehouseId">
                                    <option value="">Select Warehouse</option>
                                    @for(item in basicWarehouseList!){
                                    <option value="${item.id}">${item.warehouseName}</option>
                                    @}
                                </select>
                            </div>
                            <div class="layui-inline">
                                <select id="areaId" lay-filter="areaId">
                                    <option value="">Select Area</option>
                                </select>
                            </div>
                            <div class="layui-inline">
                                <input id="positionNumber" class="layui-input" type="text" placeholder="Location Number"/>
                            </div>
                            <div class="layui-inline">
                                <select id="positionType" lay-filter="positionType">
                                    <option value="">Select Location Type</option>
                                    <option value="Picking Location">Picking Location</option>
                                    <option value="Storage Location">Storage Location</option>
                                </select>
                            </div>

                            <div class="layui-inline">
                                <input id="goodsName" class="layui-input" type="text" placeholder="Product File"/>
                                <button type="button" class="layui-btn layui-btn-primary" id="choiceGoods" style="position: absolute;right: 1px;cursor: pointer;top: 2px"><i class="layui-icon">&#xe615;</i></button>
                            </div>
                            <div class="layui-inline">
                        		<input id="goodsBigtypeId" name="goodsBigtypeId" type="hidden">
                                <input id="goodsBigtype" class="layui-input" type="text" placeholder="Product Category"/>
                                <button type="button" class="layui-btn layui-btn-primary" id="goodsType" style="position: absolute;right: 1px;cursor: pointer;top: 2px"><i class="layui-icon">&#xe615;</i></button>
                            </div>

                            <div class="layui-inline">
                                <input id="setUnit" class="layui-input" type="text" placeholder="Shipping Customer"/>
                                <button type="button" class="layui-btn layui-btn-primary" id="choiceSetUnit" style="position: absolute;right: 1px;cursor: pointer;top: 2px"><i class="layui-icon">&#xe615;</i></button>
                            </div>

                            <div class="layui-inline">
                                <input id="condition" class="layui-input" type="text" placeholder="Keyword"/>
                            </div>
				            <div class="layui-inline">
				                <button id="btnSearch" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>Search</button>
                                <button id="reset" class="layui-btn icon-btn layui-btn-primary"><i class="layui-icon">&#xe666;</i>Reset</button>
                                <button id="add" class="layui-btn icon-btn"><i class="layui-icon">&#xe654;</i>Add</button>
				                <button id="btnExp" class="layui-btn icon-btn"><i class="layui-icon">&#xe67d;</i>Export</button>
                                <button id="btnPdExp" class="layui-btn icon-btn"><i class="layui-icon">&#xe67d;</i>Export Inventory Check</button>
                                <button id="btnExpimport" class="layui-btn icon-btn"><i class="layui-icon">&#xe67c;</i>Import Excel</button>
                                <button id="btnRevoke" class="layui-btn layui-btn-danger icon-btn"><i class="layui-icon">&#xe640;</i>Batch Delete</button>
<!--                                <button id="clearAll" class="layui-btn layui-btn-danger icon-btn"><i class="layui-icon">&#xe640;</i>清空库存</button>-->
				            </div>
                        </div>
                    </div>
                    <table class="layui-table" id="hxStorageStockTable" lay-filter="hxStorageStockTable"></table>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/html" id="stockStateTpl">
  {{#  if(d.stockState === 'Normal'){ }}
    <span style="color: #43CF7C;font-weight: 600;">{{ d.stockState }}</span>
  {{#  } else { }}
    {{ d.stockState }}
  {{#  } }}
</script>
@}